<template>
 
   <div class="tablists">
        <el-table
          :data="tableData"
          :cell-style="$rowstyle"
          :header-cell-style="$headerstyle"
          style="width: 100%"
        >
          <el-table-column type="index" label="序号" ></el-table-column>
          <el-table-column prop="date" label="方案编号" ></el-table-column>
          <el-table-column prop="name" label="方案名称" ></el-table-column>
          <el-table-column prop="province" label="有效日期" ></el-table-column>
          <el-table-column prop="city" label="一级分类" ></el-table-column>
          <el-table-column prop="address" label="二级分类" ></el-table-column>
          <el-table-column prop="address" label="费用占比" ></el-table-column>
          <el-table-column label="操作" width="150">
            <template slot-scope="scope" v-if="tableData.lenth > 0">
              <el-button @click="handleDelte(scope.row)" type="text" size="small">删除</el-button>
              <el-button type="text" @click="handleChange(scope.row)" size="small">变更</el-button>
              <el-button type="text" @click="handleLog(scope.row)" size="small">日志</el-button>
            </template>
          </el-table-column>
        </el-table>
        <div class="block">
          <el-pagination layout="prev, pager, next" :total="tableData.length"></el-pagination>
        </div>
      </div>
  
</template>

<script>

export default {
  name: 'addSource',
  props: ['tableData'],
  data() {
    return {
      visible: false,
      interval: null,
      isMoving: false
    }
  },
  mounted() {
    
  },
  beforeDestroy() {
    
  },
  methods: {
    handleDelte(e){

    },
    handleChange(e){

    },
    handleLog(e){

    }
  }
}
</script>

<style scoped>
.tablists {
    width: 95%;
    padding-left: 5%;
    margin-top: 20px;
  }
</style>
